<!DOCTYPE HTML>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
<title></title>
<link href="style/css/style.css" rel="stylesheet">
<link href="style/css/animate.min.css" rel="stylesheet">
<link href="libs/jCarouselLite/lrtk.css" rel="stylesheet">
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
<link href="style/css/homepage-z.css" rel="stylesheet" type="text/css" />
<link href="style/css/fix.css" rel="stylesheet" type="text/css">
<link href="style/css/innerpageStyle.css" rel="stylesheet" type="text/css">
	
<link rel="stylesheet" type="text/css" href="style/css/video-style.css"/>
<!--[if lt IE 9]>
<script src="style/js/html5shiv.min.js"></script>
<script src="style/js/respond.min.js"></script>
<link data-href="style/css/ie8.css" rel="stylesheet">
<![endif]-->
<!--[if IE 9]>
<link data-href="style/css/ie9.css" rel="stylesheet">
<![endif]-->
<!--[if lte IE 6]>
<meta http-equiv="refresh" content="0;url=/no-ie6.html" />
<![endif]-->
<!--[if lte IE 7]>
<meta http-equiv="refresh" content="0;url=/no-ie6.html" />
<![endif]-->
<!-- jQuery start --> 
<script src="style/js/jquery.min.js"></script> 
<script src="style/js/wow.min.js"></script> 
<script src="style/js/lansige.js"></script>
<script src="libs/jCarouselLite/lrscroll.js"></script>
<script src="libs/jquery.slides.min.js"></script>
<script src="scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="libs/Parallax/stellar.min.js" type="text/javascript" charset="utf-8"></script>
<!--[if IE]>
<style type="text/css">
.english {
    font-family: arial;
}
</style>
<![endif]-->
</head>
<body >
<div id="header" class="mini">
  <div class="content">
    <a href="" id="logo">
      <img src="./UIimages/logo.png"  height="40"/>
    </a>
    <ul id="nav">
      <li class="navitem">
        <a class="cursor-pointer active">首页</a>
      </li> 
	  <li class="navitem">
        <a class="cursor-pointer" >公司资讯</a>
      </li> 
	  <li class="navitem">
        <a class="cursor-pointer" >影视剧集</a>
      </li> 
	  <li class="navitem">
        <a class="cursor-pointer" >明星档案</a>
      </li>
      <li class="navitem bussy">
        <a href="javascript:;" target=""> 业务 </a>
        <ul class="subnav" >
          <li><a class="cursor-pointer" target="_self">招商信息 </i></a></li>
          <li><a class="cursor-pointer" target="_self">招聘 </i></a></li>
          <li><a class="cursor-pointer" target="_self">投资 </i></a></li>
          <li><a class="cursor-pointer" target="_self">投稿 </i></a></li>
        </ul>
      </li>
      <li class="navitem shop">
        <a href="javascript:;" target=""> 商城 </a>
        <ul class="subnav" astyle="left: -60px;">
          <li><a class="cursor-pointer" target="_self">正午阳光官方商店 </i></a></li>
          <li><a class="cursor-pointer" target="_self">王凯官方商店 </i></a></li>
          <li><a class="cursor-pointer" target="_self">郭涛官方商店 </i></a></li>
          <li><a class="cursor-pointer" target="_self">靳东官方商店 </i></a></li>
          <li><a class="cursor-pointer" target="_self">衍生品众筹平台 </i></a></li>
        </ul>
      </li>
      <li class="navitem about">
        <a href="javascript:;" target=""> 关于我们 </a>
        <ul class="subnav" style="right: 0px;">
		   
          <li><a href="aboutus.html" class="cursor-pointer" target="_self">公司介绍 </i></a></li>
          <li><a class="cursor-pointer" target="_self">团队介绍 </i></a></li>
        </ul>
      </li>
    </ul>
    <div class="clear"></div>
  </div>
</div>

	<section class="video-sets">
		<div class="container video-item">
			<div class="cont-desc">
				<div class="product-details">				
					<div class="grid images_3_of_2">
						<img src="images/56ff5e9042546.jpg" alt="">
					</div>
					<div class="desc span_3_of_2">
						<h2>琅琊榜</h2>
						<div class="available">
							<ul>
							  <li><span>集数：</span> &nbsp; 54</li>
							  <li><span>题材：</span>&nbsp; 古装传奇</li>
							  <li><span>编剧：</span>&nbsp; 海晏</li>
							  <li><span>导演：</span>&nbsp; 孔笙 李雪</li>
							  <li><span>制片人：</span>&nbsp; 侯洪亮</li>
							  <li><span>主演：</span>&nbsp; 胡歌、刘涛、王凯、黄维德、陈龙、刘敏涛、靳东、高鑫、刘奕君、昊磊、张玲心、王鸥、张琰琰</li>
							  <li><span>首播：</span>&nbsp; 北京卫视 东方卫视</li>
							  <li><span>首播时间：</span>&nbsp; 2015年8月</li>
						   </ul>
						</div>
						 <div class="wish-list">
							<ul>
							<span style="margin-right: 20px;">在线观看:</span>
								<li ><a href="#"><i class="icon-play-circle"></i>优酷</a></li>
								<li ><a href="#"><i class="icon-play-circle"></i>爱奇艺</a></li>
								<li ><a href="#"><i class="icon-play-circle"></i>乐视视频</a></li>
							</ul>
						 </div>
					</div>
					<div class="clear"></div>
				</div>
				
				<p  class="ff-flag down open"><!--open or close -->
					<span class="f1"><span style="color:#333">展开</span><br><i class="icon-angle-down"></i></span>
				</p>
				<section class="z-news product_desc">
					<div class="star-tabs">
						<ul class="tab-control">
							<li id="tab-control1" class="tab-btn tab-btn-active">剧情简介</li>
							<li id="tab-control2" class="tab-btn">拍摄花絮</li>
							<li id="tab-control3" class="tab-btn">相关新闻</li>
						</ul>
						<ul class="tab-contents">
							<li id="tab-content1" class="tab-content">
								<div class="row introduce-juqing wow animated fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
									<div class="news-detail-content">
																	<!--这里是富文本正文-->
										 <p>华鼎奖“最佳电视剧男演员”之争呈现白热化状态，胡歌与霍建华同时入围。近年来胡歌与霍建华花开两朵各表一枝，这边胡歌《琅琊榜》《伪装者》帅出一脸血，那边霍建华《花千骨》《他来了，请闭眼》潇洒引“舔屏”，当“胡霍之争”邂逅华鼎奖，一场激烈争夺战一触即发。参与最佳电视剧男演员竞争的还有新晋小生王凯，他与“胡霍”之间也有着千丝万缕的联系，在《琅琊榜》与《他来了，请闭眼》中的精彩表现同样可圈可点。另外还有李晨和陆毅，“范氏姑爷”李晨过年不忘秀恩爱，跟范冰冰回老家疑好事将近，其近年来除了在“跑男”以“大黑牛”身份备受瞩目之外，更是以《武媚娘传奇》《三个奶爸》等高收视电视剧热受追捧，更有前任张馨予与现任范冰冰“撕逼大战”中的绅士表现成功晋升正面话题人物。“长腿爸爸”陆毅低调奢华有内涵，凭借《秦时明月》与《云中歌》成功洗去奶油味儿转型“魅力帅叔”系列，与鲍蕾结合生下两女组“一家子大长腿”，暖男正能量满满当当，能否在本届华鼎奖上有所斩获也让人关注。</p><p></p>
										<img src="/sunshine/data/upload/20160402/56ffa12a96aa5.png">	
									</div>
								</div>
							</li>
							<li id="tab-content2" class="tab-content">
								<div class="z-news-cell">
									<div class="newscontent  text-center" data-href="/sunshine/index.php?g=&amp;m=article&amp;a=index&amp;id=12">
										<div class="z-cell-date">
											<div class="zcell-d-m">04/03</div>
											<div class="zcell-year">2016</div>
										</div>
										<div class="z-cell-content">
											<div class="zcell-title">郭涛来袭</div>
											<div class="zcell-brief">郭涛来袭</div>
										</div>
										<i class="icon-angle-right fr"></i>
									</div>
								</div>
								<div class="z-news-list">
													<!--one news cell by z-->
									<div data-href="/sunshine/index.php?g=&amp;m=article&amp;a=index&amp;id=1&amp;cid=3" class="z-news-cell cursor-pointer wow animated fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
										<div class="newscontent  text-center">
											<div class="z-cell-date">
												<div class="zcell-d-m">04/02</div>
												<div class="zcell-year">2016</div>
											</div>
											<div class="z-cell-content">
												<div class="zcell-title">第18届华鼎奖盛典 胡歌霍建华王凯争视帝</div>
												<div class="zcell-brief">第18届华鼎奖全球演艺名人满意度调查发布盛典将于3月31日在澳门举行，昨天组委会公布了提名名单...</div>
											</div>
											<i class="icon-angle-right fr"></i>
										</div>
									</div>		
								</div>
							</li>
							<li id="tab-content3" class="tab-content">
								<div class="z-news-list">
													<!--one news cell by z-->
									<div data-href="/sunshine/index.php?g=&amp;m=article&amp;a=index&amp;id=1&amp;cid=3" class="z-news-cell cursor-pointer wow animated fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
										<div class="newscontent  text-center">
											<div class="z-cell-date">
												<div class="zcell-d-m">04/02</div>
												<div class="zcell-year">2016</div>
											</div>
											<div class="z-cell-content">
												<div class="zcell-title">第18届华鼎奖盛典 胡歌霍建华王凯争视帝</div>
												<div class="zcell-brief">第18届华鼎奖全球演艺名人满意度调查发布盛典将于3月31日在澳门举行，昨天组委会公布了提名名单...</div>
											</div>
											<i class="icon-angle-right fr"></i>
										</div>
									</div>		
								</div>
								<div class="z-news-list">
														<!--one news cell by z-->
										<div data-href="/sunshine/index.php?g=&amp;m=article&amp;a=index&amp;id=1&amp;cid=3" class="z-news-cell cursor-pointer wow animated fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
											<div class="newscontent  text-center">
												<div class="z-cell-date">
													<div class="zcell-d-m">04/02</div>
													<div class="zcell-year">2016</div>
												</div>
												<div class="z-cell-content">
													<div class="zcell-title">第18届华鼎奖盛典 胡歌霍建华王凯争视帝</div>
													<div class="zcell-brief">第18届华鼎奖全球演艺名人满意度调查发布盛典将于3月31日在澳门举行，昨天组委会公布了提名名单...</div>
												</div>
												<i class="icon-angle-right fr"></i>
											</div>
										</div>		
									</div>
							</li>
						</ul>
					</div>
				</section>
				
				<p  class="ff-flag up"><!--open or close -->
					<span class="f2"><span style="color:#333">收起</span><br><i class="icon-angle-up"></i></span>
				</p>
		   </div>
		</div>
    	<div class="container video-item">
			<div class="cont-desc">
				<div class="product-details">				
					<div class="grid images_3_of_2">
						<img src="images/56ff5e9042546.jpg" alt="">
					</div>
					<div class="desc span_3_of_2">
						<h2>琅琊榜</h2>
						<div class="available">
							<ul>
							  <li><span>集数：</span> &nbsp; 54</li>
							  <li><span>题材：</span>&nbsp; 古装传奇</li>
							  <li><span>编剧：</span>&nbsp; 海晏</li>
							  <li><span>导演：</span>&nbsp; 孔笙 李雪</li>
							  <li><span>制片人：</span>&nbsp; 侯洪亮</li>
							  <li><span>主演：</span>&nbsp; 胡歌、刘涛、王凯、黄维德、陈龙、刘敏涛、靳东、高鑫、刘奕君、昊磊、张玲心、王鸥、张琰琰</li>
							  <li><span>首播：</span>&nbsp; 北京卫视 东方卫视</li>
							  <li><span>首播时间：</span>&nbsp; 2015年8月</li>
						   </ul>
						</div>
						 <div class="wish-list">
							<ul>
							<span style="margin-right: 20px;">在线观看:</span>
								<li ><a href="#"><i class="icon-play-circle"></i>优酷</a></li>
								<li ><a href="#"><i class="icon-play-circle"></i>爱奇艺</a></li>
								<li ><a href="#"><i class="icon-play-circle"></i>乐视视频</a></li>
							</ul>
						 </div>
					</div>
					<div class="clear"></div>
				</div>
				
				<p  class="ff-flag down open"><!--open or close -->
					<span class="f1"><span style="color:#333">展开</span><br><i class="icon-angle-down"></i></span>
				</p>
				<section class="z-news product_desc">
					<div class="star-tabs">
						<ul class="tab-control">
							<li id="tab-control1" class="tab-btn tab-btn-active">剧情简介</li>
							<li id="tab-control2" class="tab-btn">拍摄花絮</li>
							<li id="tab-control3" class="tab-btn">相关新闻</li>
						</ul>
						<ul class="tab-contents">
							<li id="tab-content1" class="tab-content">
								<div class="row introduce-juqing wow animated fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
									<div class="news-detail-content">
																	<!--这里是富文本正文-->
										 <p>华鼎奖“最佳电视剧男演员”之争呈现白热化状态，胡歌与霍建华同时入围。近年来胡歌与霍建华花开两朵各表一枝，这边胡歌《琅琊榜》《伪装者》帅出一脸血，那边霍建华《花千骨》《他来了，请闭眼》潇洒引“舔屏”，当“胡霍之争”邂逅华鼎奖，一场激烈争夺战一触即发。参与最佳电视剧男演员竞争的还有新晋小生王凯，他与“胡霍”之间也有着千丝万缕的联系，在《琅琊榜》与《他来了，请闭眼》中的精彩表现同样可圈可点。另外还有李晨和陆毅，“范氏姑爷”李晨过年不忘秀恩爱，跟范冰冰回老家疑好事将近，其近年来除了在“跑男”以“大黑牛”身份备受瞩目之外，更是以《武媚娘传奇》《三个奶爸》等高收视电视剧热受追捧，更有前任张馨予与现任范冰冰“撕逼大战”中的绅士表现成功晋升正面话题人物。“长腿爸爸”陆毅低调奢华有内涵，凭借《秦时明月》与《云中歌》成功洗去奶油味儿转型“魅力帅叔”系列，与鲍蕾结合生下两女组“一家子大长腿”，暖男正能量满满当当，能否在本届华鼎奖上有所斩获也让人关注。</p><p></p>
										<img src="/sunshine/data/upload/20160402/56ffa12a96aa5.png">	
									</div>
								</div>
							</li>
							<li id="tab-content2" class="tab-content">
								<div class="z-news-cell">
									<div class="newscontent  text-center" data-href="/sunshine/index.php?g=&amp;m=article&amp;a=index&amp;id=12">
										<div class="z-cell-date">
											<div class="zcell-d-m">04/03</div>
											<div class="zcell-year">2016</div>
										</div>
										<div class="z-cell-content">
											<div class="zcell-title">郭涛来袭</div>
											<div class="zcell-brief">郭涛来袭</div>
										</div>
										<i class="icon-angle-right fr"></i>
									</div>
								</div>
								<div class="z-news-list">
													<!--one news cell by z-->
									<div data-href="/sunshine/index.php?g=&amp;m=article&amp;a=index&amp;id=1&amp;cid=3" class="z-news-cell cursor-pointer wow animated fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
										<div class="newscontent  text-center">
											<div class="z-cell-date">
												<div class="zcell-d-m">04/02</div>
												<div class="zcell-year">2016</div>
											</div>
											<div class="z-cell-content">
												<div class="zcell-title">第18届华鼎奖盛典 胡歌霍建华王凯争视帝</div>
												<div class="zcell-brief">第18届华鼎奖全球演艺名人满意度调查发布盛典将于3月31日在澳门举行，昨天组委会公布了提名名单...</div>
											</div>
											<i class="icon-angle-right fr"></i>
										</div>
									</div>		
								</div>
							</li>
							<li id="tab-content3" class="tab-content">
								<div class="z-news-list">
													<!--one news cell by z-->
									<div data-href="/sunshine/index.php?g=&amp;m=article&amp;a=index&amp;id=1&amp;cid=3" class="z-news-cell cursor-pointer wow animated fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
										<div class="newscontent  text-center">
											<div class="z-cell-date">
												<div class="zcell-d-m">04/02</div>
												<div class="zcell-year">2016</div>
											</div>
											<div class="z-cell-content">
												<div class="zcell-title">第18届华鼎奖盛典 胡歌霍建华王凯争视帝</div>
												<div class="zcell-brief">第18届华鼎奖全球演艺名人满意度调查发布盛典将于3月31日在澳门举行，昨天组委会公布了提名名单...</div>
											</div>
											<i class="icon-angle-right fr"></i>
										</div>
									</div>		
								</div>
								<div class="z-news-list">
														<!--one news cell by z-->
										<div data-href="/sunshine/index.php?g=&amp;m=article&amp;a=index&amp;id=1&amp;cid=3" class="z-news-cell cursor-pointer wow animated fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
											<div class="newscontent  text-center">
												<div class="z-cell-date">
													<div class="zcell-d-m">04/02</div>
													<div class="zcell-year">2016</div>
												</div>
												<div class="z-cell-content">
													<div class="zcell-title">第18届华鼎奖盛典 胡歌霍建华王凯争视帝</div>
													<div class="zcell-brief">第18届华鼎奖全球演艺名人满意度调查发布盛典将于3月31日在澳门举行，昨天组委会公布了提名名单...</div>
												</div>
												<i class="icon-angle-right fr"></i>
											</div>
										</div>		
									</div>
							</li>
						</ul>
					</div>
				</section>
				
				<p  class="ff-flag up"><!--open or close -->
					<span class="f2"><span style="color:#333">收起</span><br><i class="icon-angle-up"></i></span>
				</p>
		   </div>
		</div>
	</section>
	
<!-- footer start -->

<footer>
  <div class="z-foot">
  	<div class="z-foot-reposition ">
  		<ul class="z-foot-con">
		<li data-wow-delay=".0s" class="wow animated fadeInUp"><img src="images/3.png"/></li>
		<li data-wow-delay=".1s" class="wow animated fadeInUp">电子邮件：MAIL@DAYLIGHT.COM</li>
		<li data-wow-delay=".2s" class="wow animated fadeInUp">联系电话：010-86665441</li>
		<li data-wow-delay=".3s" class="wow animated fadeInUp">公司地址：北京市朝阳区八里庄1号莱锦创意产业园CF29</li>
	</ul>
	<div class="zhixun">
		<a data-href="#" class="weixin" target="_blank">
			<span class="qrcode">
				<img src="images/qrcode.png" />
				<i id="triangle-down" class="sanjiao icon-caret-down"></i>
			</span>
		</a>
		<a data-href="#" class="sq cursor-pointer" target="_blank"></a> 
	</div>
  	</div>
  </div>
  <div class="z-footend" style="height: 60px;width: 100%;background: #FFF;">
  	<div class="z-footend-text">
  		Copyright&nbsp;(c)&nbsp;2016&nbsp;daylight.com&nbsp;&nbsp;&nbsp;&nbsp;京ICP备13015845号-1
  	</div>
  </div>
</footer>

<div id="back-top"><img src="style/images/back-topImg.png"/></div>
<script>

$(function() {
	$(".z-news").each(function(){
		var scope = $(this);
		scope.find("#tab-control1").click(function(){
			if(scope.find("#tab-content1").is(":hidden")){
				scope.find(".tab-btn").removeClass("tab-btn-active");
				$(this).addClass("tab-btn-active");
				scope.find(".tab-content").fadeOut(300);
				scope.find("#tab-content1").delay(200).fadeIn(300);
			}
		});
		scope.find("#tab-control2").click(function(){
			if(scope.find("#tab-content2").is(":hidden")){
				scope.find(".tab-btn").removeClass("tab-btn-active");
				$(this).addClass("tab-btn-active");
				scope.find(".tab-content").fadeOut(300);
				scope.find("#tab-content2").delay(200).fadeIn(300);
			}
		});
		scope.find("#tab-control3").click(function(){
			if(scope.find("#tab-content3").is(":hidden")){
				scope.find(".tab-btn").removeClass("tab-btn-active");
				$(this).addClass("tab-btn-active");
				scope.find(".tab-content").fadeOut(300);
				scope.find("#tab-content3").delay(200).fadeIn(300);
			}
		});
		
		
		//lightbox
		scope.find("#tab-content3 img").click(function(){
			scope.find(".popup-lightbox").fadeIn(400);
		});
		scope.find(".light-box-close").click(function(){
			scope.find(".popup-lightbox").fadeOut(400);
		});
		
	});
	
	$(document).on("click",".ff-flag",function(){
		var  el 	= $(this);
		var  box   	= el.closest(".video-item");
		var  desc	= box.find(".product_desc");
		var  up 	= box.find(".ff-flag.up");
		var  down 	= box.find(".ff-flag.down");
		el.removeClass("open");
		if(el.hasClass("up")){
			down.addClass("open");
			desc.fadeOut();
		}else{
			up.addClass("open");
			desc.fadeIn();
		}
	});
	
});

</script>
</body>
</html>